* {

    margin: 0;

    padding:0;    

}



#proj {

    margin: 0 auto 0  auto;   

}

#proj h3 {

    margin: 20px 0px;

}



#item {

    width: 22%;

    float: left;

    text-align: center;

    position: relative;

    background: none repeat scroll 0% 0% rgba(123, 123, 123, 0.47);

    margin: 12px;

    border-radius: 3px;

    padding: 0px;

    margin-bottom: 40px;

    box-shadow: 0px 0px 12px #E8E8E8;

}

#item #mag {	

	width:18%;

	position: absolute;

	left: 40%;

	top:20%;

	opacity: 0;

	transition: all linear 0.2s;

}

#shcnt2 #item {

  background: cornflowerblue;

}

#item:hover #mag{

    opacity: 1;

}

#item a #mag:hover{

    -webkit-filter: drop-shadow(0px 0px 5px white);

}

#item #info {margin: 0;padding: 3px;transition: all linear .2s;height: 100px;}


#proj #item:hover  #info{

    background-color: #49a835;

}

#proj #item a {

	display:block;

	text-decoration:none;

	background: transparent;

}

#proj a:hover {

	text-decoration:none;

}



#item #mag img{

	width:94%;

	padding-top:3%;

	padding-left:3%;

	padding-right:3%;

	height:100%;

}

#proj #item .bg-img {

	

	margin: 1%;

	height: 150px;

	width: 98%;

}

#item h3 {

    margin: 20px 15px 15px 0px; 

	text-transform:uppercase;

}

#item p {

    color: #171717;

    font-size: 14px;

    line-height: 1.5;

    padding-bottom: 0px;

	transition: all linear .2s;

}


#proj #item #info h2 {
    padding: 10px 0px;
	transition: all linear .2s;
	border:none;
	margin:0px;
}